@keyframes arrow {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes arrowMove {
  /*Safari and Chrome*/
  0% {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 1;
  }
  50% {
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
    opacity: 0.5;
  }
  100% {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 1;
  }
}

// 手机旋转提示
@-webkit-keyframes rotation {
    10% {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
50%, 60% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

90% {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
100% {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
}

@keyframes rotation {
    10% {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
50%, 60% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

90% {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
100% {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
}